<div id="content">
	<div class="row s_page_title">
		<sa-big-breadcrumbs [items]="['API接口管理','API接口监控','监控配置']" icon="fa fa-bar-chart" class="col-xs-12 col-sm-7 col-md-7 col-lg-4"></sa-big-breadcrumbs>
	</div>
	<sa-widgets-grid>
		<div class="s_table">
			<div sa-widget [editbutton]="false" color="darken" class="clearfix">
				<header><span class="widget-icon"> <i class="fa fa-table"></i> </span><h2>监控配置</h2></header>
				<div>
					<div class="widget-body no-padding">
						<div class="table_scroll">
							<ul>
								<li class="col-sm-4" *ngFor="let item of tableData" style="display: inline-block;float: none;">
									<div class="listItem">
										<p class="liteTitle">{{item.title}}</p>
										<p class="remark">{{item.remark}}</p>
										<!-- 常规选项 -->
										<div class="listInput" 
											*ngIf=" !(item.key=='data_share_switch' || item.key=='is_controller' || item.key=='is_monitoring')  "  
											style="margin-bottom: 18px;"
										>
											<label class="control-label no-padding-right" style="padding: 8px 0;white-space: nowrap;">{{item.val1Name}}<span class="c-red">*</span>：</label>
											<div class="clearfix fix_select2" style="width: calc(100% - 100px );">
												<input  type="number" [(ngModel)]="item.val1"  class="search-input config-inp form-control-sm" style="width: 100%;" />
											</div>
										</div>
										<!-- 数据共享开关 -->
										<div class="listInput inline_block diy_check" *ngIf="item.key == 'data_share_switch' ">
											<label [attr.for]='item.key' style="white-space: nowrap;">{{item.val1Name}}<span class="c-red">*</span>:</label>
											<label class="checkbox-inline">
												<input [attr.id]='item.key' type="checkbox"  class="checkbox s_checkbox_input carSpeed" [(ngModel)]='item.val1' /> 												
												<span></span>
											</label>
										</div>
										<!-- 是否监控API并控制API调用 -->
										<div class="listInput inline_block diy_check" *ngIf="item.key == 'is_controller' ">
											<label [attr.for]='item.key' style="white-space: nowrap;">{{item.val1Name}}<span class="c-red">*</span>:</label>
											<label class="checkbox-inline">
												<input [attr.id]='item.key' type="checkbox"  class="checkbox s_checkbox_input carSpeed" [(ngModel)]='item.val1' /> 												
												<span></span>
											</label>
										</div>
										<!-- 是否监控API -->
										<div class="listInput inline_block diy_check" *ngIf="item.key == 'is_monitoring' ">
											<label [attr.for]='item.key' style="white-space: nowrap;">{{item.val1Name}}<span class="c-red">*</span>:</label>
											<label class="checkbox-inline">
												<input [attr.id]='item.key' type="checkbox"  class="checkbox s_checkbox_input carSpeed" [(ngModel)]='item.val1' /> 												
												<span></span>
											</label>
										</div>
										<button class="btn btn-primary btn-sm" (click)="confirm(item)" style="padding:0;height:25px;">确定</button>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</sa-widgets-grid>

</div>